import React from "react";
import Item from "../Item";

function List(props) {
  const todos = props.todos;
  return (
    <ul className="todo-container">
      {todos.map((item) => {
        return <Item {...item} key={item.id} />;
      })}
    </ul>
  );
}

export default List;
